<template>
	<view class="table">
		<view class="row" hover-class="">
			<view class="col">{{name}}</view>
			<view class="col" hover-class="bg-red" hover-stop-propagation></view>
			<view class="col"></view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				name:""
			}
		},
		onLoad(e){
			console.log(e);
			this.name=e.name
		}
	}
</script>

<style scoped>
	.bg-red {
		background-color: red;
	}

	.table {
		width: 100%;
		text-align: center;
		display: table;
	}

	.row {
		display: table-row;
	}

	.col {
		display: table-cell;
		border: 1px solid #ccc;
		height: 50rpx;
	}
</style>
